<template>
  <div class="user">
    <div class="user_order">
        <div>
            <router-link to="/order/allOrder">
                <span>全部订单</span>
            </router-link>
        </div>
        <ul>
            <li>
                <router-link to="/order/noPay">
                    <img src="../../assets/images/icon_order_dfk.png">
                    <p>待付款</p>
                </router-link>
            </li>
            <li>
                <router-link to="/order/noSend">
                    <img src="../../assets/images/icon_order_dfh.png">
                    <p>待发货</p>
                </router-link>
            </li>
            <li>
                <router-link to="/order/noReceive">
                    <img src="../../assets/images/icon_order_dsh.png">
                    <p>待收货</p>
                </router-link>
            </li>
            <li>
                <router-link to="/order/noComment">
                    <img src="../../assets/images/icon_order_dpj.png">
                    <p>待评价</p>
                </router-link>
            </li>
            <li>
                <router-link to="/refund">
                    <img src="../../assets/images/icon_order_thh.png">
                    <p>待退货</p>
                </router-link>
            </li>
        </ul>
    </div>
    <div class="user_item">
        <ul>
            <li>
                <p><span>我的积分</span></p>
            </li>
            <li>
                <p><span>帮助与反馈</span></p>
            </li>
            <li>
                <p><span>下载楚楚街app立即领12元</span></p>
            </li>
        </ul>
    </div>
  </div>
</template>

<script>

  export default{

  }

</script>

<style scoped>

.user_order{
    margin-top: 10px;
    background-color: #fff;
}
.user_order>div{
    padding: 0 15px;
    border-bottom: solid 1px #f3f3f3;
}
.user_order>div>a{
    display: block;
    padding: 12px 0;
    background:url(../../assets/images/rt.png) no-repeat right center;
    background-size: 5px 9px;
}
.user_order>div>a>span{
    color: #333;
    font-size: 1.2rem;
}
.user_order>ul{
    padding:10px 0;
    display: flex;
}
.user_order>ul>li{
    width: 20%;
    text-align: center;
}
.user_order>ul>li img{
    width: 26px;
}
.user_order>ul>li p{
    line-height: 18px;
    font-size: 1.05rem;
    color: #aaa;
    margin-top: 2px;
}
.user_item{
    margin: 10px 0;
    background-color: #fff;
}
.user_item ul li{
    padding: 0 15px;
    border-bottom: solid 1px #f3f3f3;
}
.user_item ul li p{
    display: block;
    padding: 12px 0;
    background:url(../../assets/images/rt.png) no-repeat right center;
    background-size: 5px 9px;
    font-size: 1.2rem;
    color: #333;
}
</style>
